<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/neirong.css" />
		
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		
		<link rel="stylesheet" type="text/css" href="css/ghdetail.css"/>
		<link rel="stylesheet" type="text/css" href="css/ghneirong.css"/>
		</head>
	<!--蒙版-->
	
	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			//
			window.onload = function(){
            var login = document.getElementById("login");
            var mask = document.getElementById("mask");
            var box = document.getElementById("box");
            login.onclick = function(){
                mask.style.display = "block";
                box.style.display = "block";
            }
            var close_all = document.getElementById("close_all");
            close_all.onclick = function(){
               mask.style.display = "none";
               box.style.display = "none";
           }
            var close_all = document.getElementById("up_all");
            close_all.onclick = function(){
               mask.style.display = "none";
               box.style.display = "none";
           }
            
document.getElementById('home').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'shouye.html', 
id:'home'
});
});

document.getElementById('huodong').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'huodong.html', 
id:'hd'
});
});

document.getElementById('gonghui').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'gonghui.html', 
id:'gonghui'
});
});


            
           }
			//
			
		</script>
		<header class="mui-bar mui-bar-nav clearfix">		
			<a class="nav-top-left"> <img src="icon/icon_0.jpg"  class="back"  width="12px" height="20px"/>
			<span id="" >
				返回
			</span>
			</a>
			<p id="title" class="mui-title title2">极战FMB</p>
			<a class="mui-action-menu mui-icon mui-pull-right "><img src="icon/icon_2.jpg"  width="32px" height="12px"/></a>
		</header>
		
		<div class="hd-cont">
			<p class="hd-zhuti">标题标题标题标题标题标题标题标题标题标题</p>
			
			<div class="time">
				<p>发表于 2017-05-15</p>
			</div>
			
		
				
			</div>
			
			<p class="gh-wenzhang">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
			<!--<div class="poto clearfix">
				<div class="hd-p1">
				<img src="images/hdphot.png" width="120px" height="80px"/>
			</div>
			<div class="hd-p2">
				<img src="images/hdphot.png" width="100px" height="80px"/>
			</div>
			</div>-->
			
			<div class="hd-xiabiao ">
				
			
			<div class="pull-time">
				<div class="dianzian-1">
					<img src="images/headpic/head_1.jpg"/ width="22px" height="22px">
				</div>
				<div class="dianzian-1">
					<img src="images/headpic/head_2.jpg"/ width="22px" height="22px">
				</div>
				<div class="dianzian-1">
					<img src="images/headpic/head_3.jpg"/ width="22px" height="22px">
				</div>
				<div class="dianzian-1">
					<img src="images/headpic/head_4.jpg"/ width="22px" height="22px">
				</div>
				
				<div class="dianziannub">
					<p>等125人赞过</p>
				</div>
				
			</div>
			
			<div class="nambers">
								<span id=""class="iconnamb">
									<img src="icon/i_1.png" width="20px"/>
									698
								</span>
								<!--<span id="" class="iconnamb">
									<img src="icon/i_2.png" width="15px"/>
									698
								</span>-->
								<span id="" class="iconnamb">
									<img src="icon/i_3.png" width="15px"/>
									698
								</span>
							</div>
			</div>
		</div>
	
			
	
		<!--评论-->
		<div class="len">
			
		</div>
    	<div id="" class="commentnab">
    		全部回复
    	</div>	
    	<div id="" class="comment">
    		<div id=""class="com_left">
    			<a href=""><img src="images/headpic/head_1.jpg" width="25px" height="25px"/></a>
    		</div>
    		<div class="com_right">
    			<div id="" class="com_right_top">
    				<a href="" class="usernab">ASDFASD</a>
    				<div id="" class="com_time">
    					4月17日 22:22
    				</div>	
    			</div>
    			<div class="commenttxt">
    					好厉害的感觉...
    			</div>
    			
    		</div>
    	</div>
    	
    	<div id="" class="comment">
    		<div id=""class="com_left">
    			<a href=""><img src="images/headpic/head_2.jpg" width="25px" height="25px"/></a>
    		</div>
    		<div class="com_right">
    			<div id="" class="com_right_top">
    				<a href="" class="usernab">Aerf</a>
    				<div id="" class="com_time">
    					4月17日 22:22
    				</div>	
    			</div>
    			<div class="commenttxt">
    					好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉..
    			</div>
    		</div>
    	</div>
    	
    	<div id="" class="comment">
    		<div id=""class="com_left">
    			<a href=""><img src="images/headpic/head_1.jpg" width="25px" height="25px"/></a>
    		</div>
    		<div class="com_right">
    			<div id="" class="com_right_top">
    				<a href="" class="usernab">ASDFASD</a>
    				<div id="" class="com_time">
    					4月17日 22:22
    				</div>	
    			</div>
    			<div class="commenttxt">
    					好厉害的感觉...
    			</div>
    		</div>
    	</div>
		
		
		
		<!--底部-->
		<div class="footer">
			<nav class="mui-bar mui-bar-tab">
				<a id="home" class="mui-tab-item mui-active" href="">
					<span class="mui-icon ">
						<img src="icon/iconnav_1.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">极战</span>
				</a>
				<a id="huodong"  class="mui-tab-item" href="javascript:;">
					<span class="mui-icon ">
						<img src="icon/iconnav_2.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">活动</span>
				</a>
				<a id="gonghui" class="mui-tab-item" href="#">
					<span class="mui-icon ">
						<img src="icon/iconnav_3.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">公会</span>
				</a>
				<a class="mui-tab-item" href="#">
					<span class="mui-icon ">
						<img src="icon/iconnav_4.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">商城</span>
				</a>
				
				<a  class="mui-tab-item" href="javascript:;" >
					<span   class="reply" >
						<!--<img src="images/reply.jpg" width="100px" height="50px"/>-->
					</span>
				</a>
			</nav>	
		</div>	
		<button id="login"  class="writer">
			<img src="images/reply.jpg" width="100%" height="50px"/>
		</button>
		<!--蒙版-->
		<div id="mask" ></div>
		
		<div id="box">
			<textarea name="content" rows="" cols="" placeholder="随便说点什么"></textarea>
	    	
	    	<div id="no" class="no">
	    		<a href="javascript:;" id="close_all">取消</a>
	    	</div>
	    	<div id="yes" class="yes">
	    		<a href="javascript:;" id="up_all">回复</a>
	    	</div>
		</div>
		
	</body>

</html>